<div class="comp-unsupported-country-dialog" id="unsupportedCountry">
    <modal :show="true" :width="1000">
        <div class="modal-header">
            <a href="javascript:;" class="close" @click="hide()"><span>&times;</span></a>
            <span class="modal-title" >{{ $t('certification.verify.countries.unsupportedCountry') }}</span>
        </div>
        <template>
            <div class="content">
                <div class="tr">
                    <div class="td">{{ $t('certification.verify.countries.Bangladesh') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Belarus') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Bolivia') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Burundi') }}</div>
                </div>
                <div class="tr">
                    <div class="td">{{ $t('certification.verify.countries.CentralAfricanRepublic') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.CongoDemocraticRepublic') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.CoteIvoire') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Cuba') }}</div>
                </div>
                <div class="tr">
                    <div class="td">{{ $t('certification.verify.countries.Ecuador') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Iran') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Iraq') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.KoreaNorth') }}</div>
                </div>
                <div class="tr">
                    <div class="td">{{ $t('certification.verify.countries.Kyrgyzstan') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Lebanon') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Libya') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Myanmar') }}</div>
                </div>
                <div class="tr">
                    <div class="td">{{ $t('certification.verify.countries.Somalia') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Sudan') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Syria') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.VirginIslands') }}</div>
                </div>
                <div class="tr">
                    <div class="td">{{ $t('certification.verify.countries.UnitedStates') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Venezuela') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Yemen') }}</div>
                    <div class="td">{{ $t('certification.verify.countries.Zimbabwe') }}</div>
                </div>
            </div>
        </template>
    </modal>
</div>